lobody  {	background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;	color:#333333; width:auto; padding:0px; margin:0px; }

h1 {font-weight:normal; font-size:28px; color:#3a7bae; }
h2 {font-weight:normal; font-size:18px; color:#3a7bae;}
h3 {font-weight:normal; font-size:18px; color:#3a7bae;}
h4 {font-weight:normal; font-size:18px; color:#3a7bae;}

@media (min-width: 750px) {
    h1 {font-size:28px;}
    h2 {font-size:18px;}
}

img {border:none;}
a {text-decoration:underline; color:#3a7bae;}
a:hover {text-decoration:underline; color:#3a7bae;}

.clr {clear:both;}
.img-center{vertical-align:middle;}
.img-right{float:right; margin-left:10px; margin-bottom:10px; }
.gallery-img {border:none}
.gallery-img-zoom {border:10px solid #fff;}
.photo {margin:5px; float:left;border:5px solid #fff; box-shadow: 2px 2px 10px #c1c1c1;}
.tweet {padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:5px;}

.main-title{font-weight:normal; font-size:28px; color:#3a7bae; padding:10px 0px 10px 0px;}
.sub-title{font-weight:normal; font-size:18px; color:#333333; padding:5px 0px 5px 0px;}
@media (min-width: 750px) {
    .main-title {font-size:40px;}
    .sub-title {font-size:20px;}
}

.white {color:#ffffff;}
.white-bg {background-color:#ffffff;}
.purple {color:#69067a;}
.purple-bg {background-color:#69067a;}
.grey {color:#dddddd;}
.grey-bg {background-color:#dddddd;}
.pale-blue{color:#e3ecf6;}
.pale-blue-bg{background-color:#e3ecf6;}

.blue-button{background-color:#1bb6ea; max-width:200px; margin:0px auto 0px auto; padding:10px 5px 10px 5px; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase;}
.blue-button a {color:#fff; text-decoration:none; display:block;}

.align-left{text-align:center!important;;}
.align-center{text-align:center!important;;}
.align-right{text-align:center!important;;}
.desktop-only{display:none!important;;}
.mobile-only{display:block!important;;}
@media (min-width: 750px) {
	.align-left{text-align:left!important;}
	.align-center{text-align:center!important;;}
	.align-right{text-align:right!important;;}
	.desktop-only{display:block!important;;}
	.mobile-only{display:none!important;;}
}

.shaddow{box-shadow: 0px 5px 5px #777777;}

.frame-wrapper-outer{position:relative; width:auto; max-width:100%; xmax-height:400px; margin:10px auto 10px auto;}
.frame-wrapper-outer img {width:100%; height:100%;}
.frame-wrapper-inner {float: none; clear: both; width: 100%; position: relative; padding-bottom: 50%; padding-top: 25px; height: 0;}
.frame-wrapper-inner iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.sep{width:100%; background-color:#333333; height:1px; border-radius:5px; margin:5px 0px 5px 0px;}
.sep-5{width:100%; height:5px; margin:0px;}
.sep-10{width:100%; height:10px; margin:0px;}
.sep-15{width:100%; height:15px; margin:0px;}
.sep-20{width:100%; height:20px; margin:0px;}
.sep-25{width:100%; height:25px; margin:0px;}
.sep-30{width:100%; height:30px; margin:0px;}
.sep-35{width:100%; height:35px; margin:0px;}
.sep-40{width:100%; height:40px; margin:0px;}
.sep-45{width:100%; height:45px; margin:0px;}
.sep-50{width:100%; height:50px; margin:0px;}

.sep-stripe{width:100%; height:10px; background-image:url(/web/20160506183736im_/http://www.sobrietyproject.org.uk/img/colour-bar.jpg); background-size:contain;}
.sep-stripe-wide{width:100%; height:10px; background-image:url(/web/20160506183736im_/http://www.sobrietyproject.org.uk/img/colour-bar.jpg); background-size:contain;}
@media (min-width: 750px) {
    .sep-stripe{width:65%; height:10px; background-image:url(/web/20160506183736im_/http://www.sobrietyproject.org.uk/img/colour-bar.jpg); background-size:contain; margin:0px auto 0px auto;}
    .sep-stripe-wide{width:100%; height:20px; background-image:url(/web/20160506183736im_/http://www.sobrietyproject.org.uk/img/colour-bar.jpg); background-size:contain;}
}

#message {background-color:#080; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 5px 0px 0px 0px;}
#error   {background-color:#c00; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 5px 0px 0px 0px;}
#warning {background-color:#F90; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 5px 0px 0px 0px;}
	
#header-wrapper{position:relative;}
#menu-wrapper{position:relative;}
#slider-box{}

.centered-boxes{width:auto; text-align:center;} 
.centered-box{position:relative; width:120px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top; border:1px solid #0a0;}

.full-width{position:relative; width:100%;}
.content-wrapper{position:relative; padding:10px; width:auto;}
.content-wrapper img {width:auto; max-width:100%; height:auto;}

.content-wrapper-nopad{position:relative; padding:0px; width:auto;}
.content-wrapper-nopad img {width:auto; max-width:100%; height:auto;}

.col1-of-6 {}
.col2-of-6 {}
.col3-of-6 {}
.col4-of-6 {}
.col5-of-6 {}
.col6-of-6 {}

.col12-of-6 	{}
.col123-of-6 	{}
.col1234-of-6 	{}
.col12345-of-6	{}

.col56-of-6		{}
.col456-of-6	{}
.col3456-of-6	{}
.col23456-of-6	{}


.col1-of-5 {}
.col2-of-5 {}
.col3-of-5 {}
.col4-of-5 {}
.col5-of-5 {}

.col12-of-5 	{}
.col123-of-5 	{}
.col1234-of-5	{}

.col2345-of-5 	{}
.col345-of-5 	{}
.col45-of-5 	{}

.col1-of-4 {}
.col2-of-4 {}
.col3-of-4 {}
.col4-of-4 {}

.col12-of-4 {}
.col23-of-4 {}
.col34-of-4 {}

.col123-of-4 {}
.col234-of-4 {}

.col1-of-3 {}
.col2-of-3 {}
.col3-of-3 {}

.col12-of-3 {}
.col23-of-3 {}

.col1-of-2 {}
.col2-of-2 {}

.col1-of-2-fixed 	{position:relative; float:left; width:49%; }
.col2-of-2-fixed 	{position:relative; float:right; width:49%; }

.col1-of-3-fixed 	{position:relative; float:left; width:32%;}
.col2-of-3-fixed 	{position:relative; float:left; width:32%; margin-left:1.4%; }
.col3-of-3-fixed 	{position:relative; float:right; width:32%; }

@media (min-width: 750px) {
	.full-width{}
	.content-wrapper{position:relative; max-width:1000px; width:auto; margin-left:auto; margin-right:auto;}
	.content-wrapper-nopad{position:relative; max-width:1020px; width:auto; margin-left:auto; margin-right:auto;}
	
	.col1-of-6 	{position:relative; float:left; width:15.11%; }
	.col2-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.61%; }
	.col3-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col4-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }	
	.col5-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }	
	.col6-of-6 	{position:relative; float:right; width:15.11%; }			

	.col12-of-6 	{position:relative; float:left; width:32.0%; }
	.col123-of-6 	{position:relative; float:left; width:49.0%; }
	.col1234-of-6 	{position:relative; float:left; width:66.0%; }
	.col12345-of-6	{position:relative; float:left; width:82.9%; }
	
	.col56-of-6		{position:relative; float:right; width:32.0%; }
	.col456-of-6	{position:relative; float:right; width:49.0%; }
	.col3456-of-6	{position:relative; float:right; width:66.0%; }
	.col23456-of-6	{position:relative; float:right; width:82.9%; }
	
	.col1-of-5 	{position:relative; float:left; width:18.5%;}
	.col2-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col3-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col4-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}	
	.col5-of-5 	{position:relative; float:right; width:18.5%;}		

	.col12-of-5 	{position:relative; float:left; width:38.6%;}
	.col123-of-5 	{position:relative; float:left; width:58.9%;}
	.col1234-of-5 	{position:relative; float:left; width:79.2%;}
	
	.col2345-of-5 	{position:relative; float:right; width:79.5%;}
	.col345-of-5 	{position:relative; float:right; width:59.2%;}
	.col45-of-5 	{position:relative; float:right; width:38.6%;}
	
	.col1-of-4 	{position:relative; float:left; width:23.5%;  }
	.col2-of-4 	{position:relative; float:left; width:23.5%; margin-left:1.7%;  }
	.col3-of-4 	{position:relative; float:left; width:23.5%; margin-left:1.7%;  }
	.col4-of-4 	{position:relative; float:right; width:23.5%;  }	

	.col12-of-4 {position:relative; float:left; width:49.0%; }
	.col23-of-4 {position:relative; float:left; width:49.0%; margin-left:1.7%;  }
	.col34-of-4 {position:relative; float:right; width:49.0%;  }
	
	.col123-of-4 {position:relative; float:left; width:74.4%; }
	.col234-of-4 {position:relative; float:right; width:74.4%;  }

	.col1-of-3 	{position:relative; float:left; width:32%; }
	.col2-of-3 	{position:relative; float:left; width:32%; margin-left:1.4%; }
	.col3-of-3 	{position:relative; float:right; width:32%; }

	.col12-of-3 {position:relative; float:left; width:66%; margin-right:1.4%; }
	.col23-of-3 {position:relative; float:right; width:66%; margin-left:1.4%; }
	
	.col1-of-2 	{position:relative; float:left; width:49%; }
	.col2-of-2 	{position:relative; float:right; width:49%; }

	.col-sep		{position:relative; float:left; width:1.4%; border:1px solid #eee}

	ul.topnav {position:relative; right:50%; float:right; clear:left; list-style:none; padding:0px; margin:0px; font-size: 18px;}
	ul.topnav li {display:block; float:left; margin:0px; padding:0px; position: relative; left:50%;}
	ul.topnav li a{width:20%; display:block; float:left;     xpadding: 12px 15px 0px 15px; xmargin:0px 0px 0px 0px; color:#383738;  text-decoration: none; font-weight:normal;  height:38px; text-align:center;}
	ul.topnav li a:hover{background-color:#0aa5b5; color:#ffffff; overflow:hidden;}
	
	ul.topnav li ul.subnav {list-style:none; position:absolute; left:-115px; top:50px; margin:0; padding:0; display:none; z-index:99999;}
	ul.topnav li ul.subnav li{margin:0; padding:0; clear:both;}
	ul.topnav li ul.subnav li a {float:left; width:200px; text-align:left; background-color:#e0f1f4; color:#383738; border-top:1px solid #bce2e7;}
	ul.topnav li ul.subnav li a:hover {background-color:#0aa5b5; color:#ffffff; background-image:none;}
}

/* ------------------------------------------------------------------------------------------
	Header 
	------------------------------------------------------------------------------------------ */
.header-wrapper {position:absolute; top:0px; width:100%; height:100%; text-align: center; z-index:99999}
.logo {position:relative; width:40%; margin:5px auto 0px auto; }

.header-search {color:#fff; margin:10px 0px 0px 25px;}
.header-search img {max-height:35px; vertical-align: middle; margin-right:5px;}
.header-search input {height:25px;}

.header-social {color:#fff; margin:10px 25px 0px 0px;}
.header-social img {max-height:35px; vertical-align: middle; margin:0px 0px 0px 5px}

.menu-colour-1{background-color:#fdb813;}
.menu-colour-2{background-color:#004f59;}
.menu-colour-3{background-color:#ebed8a;}
.menu-colour-4{background-color:#e50278;}
.menu-colour-5{background-color:#aeb7dd;}

.header-mobile-menu{position:fixed; top:0px; left:0px; width:100%; background-color:#fdb813; font-size:16px; padding-top:5px;  box-shadow: 0px 0px 10px #333; display:block; z-index:99999;}
.header-mobile-menu-content{position:relative; width:100%; max-width:1100px; margin:0px auto 0px auto; color:#fff;}
.menu-trigger{cursor:pointer; padding-left:15px; color:#fff;}
.mobile-social img {max-height:25px;}
.mobile-social {text-align:right; padding-right:15px;}
.mobile-menu-content{display:none; background-color:#fdc642; width:100%; text-align:center;}
.mobile-menu-content a{text-decoration:none!important;}
.mobile-menu-content a:hover{text-decoration:none!important;}
.mobile-menu-block{font-size:14px; width:100%; padding:5px 5px 5px 5px; color:#fff!important;}
.mobile-menu-block:hover{background-color:#004f59;}
.mobile-menu-block a {display:block;}

@media (min-width: 750px) {
    .logo {position:relative; width:45%; max-width:450px; margin:15px auto 0px auto; }

    .menu-block{width:20%; float:left; padding:25px 0px 25px 0px; text-align:center; text-transform:uppercase}
    .menu-block:hover {background-color:#000;}
    .header-menu a {color:#fff; font-size: 1.7vw; font-weight:bold;}
    .header-menu a:hover {text-decoration:none;}
}
@media (min-width: 1000px) {
    .header-menu a {font-size: 18px;}
}
/* ------------------------------------------------------------------------------------------
	QForm
	------------------------------------------------------------------------------------------ */
.qform-label {margin-bottom:0px; padding:5px 0px 5px 0px;}
.qform-input {margin-bottom:10px; }
.qform-input input {width:98%; padding:5px 0px 5px 3px; }
.qform-input textarea{width:98%; padding:5px 0px 5px 3px; }
.button-qform{position:relative; text-align:center; padding:10px 25px 10px 25px; background-color:#be202e; width:135px; font-size:14px; margin:15px auto 10px auto; color:#fff; cursor:pointer;}
.button-qform a{color:#fff; text-decoration:none;}
.qform-input table {width:100%; text-align:left;}
.qform-fld-error{color:#d00!important; font-size:14px;}
.delivery-error{color:#d00!important; margin:0px 0px 0px 0px}
.inline-button-red{color:#ea1d2b; font-weight:bold; display:inline;}
.inline-button-red a {color:#ea1d2b; text-decoration:underline;}
.q-form-help{font-size:12px; color:#999;}
.form-div{padding-right:0px;}

@media (min-width: 750px) {
	.qform-label {margin-bottom:10px;}
	.qform-input {margin-bottom:10px;}
	.button-qform{float:left;}
	.qform-fld-error{float:left;}
        .form-div{padding-right:25px;}
}


/* ------------------------------------------------------------------------------------------
    Galleries
------------------------------------------------------------------------------------------ */
.gallery-images{width:auto; text-align:center;} 
.gallery-image{position:relative; width:20%; min-width:110px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top;}
.gallery-image img{border:5px solid #fff; box-shadow: 2px 2px 10px #c1c1c1; }

@media (min-width: 750px) {
    .gallery-image img{border:10px solid #fff;}
}


/* ------------------------------------------------------------------------------------------
    Footer
------------------------------------------------------------------------------------------ */
.footer-bg{background-color:#f3f3f4;}
.col-sep-right{border-right:none;}
.footer-col-content{padding:15px 15px 15px 10px; font-size:12px;}
.footer-col-content p:first-of-type {font-size:18px; font-weight:bold; color:#3a7bae; margin-top:0px; padding-top:0px;}

.footer-title{font-size:18px; font-weight:bold; color:#3a7bae;}
.footer-credit{font-size:10px;}
.footer-credit a{text-decoration:none!important; color:#333;}

@media (min-width: 750px) {
    .col-sep-right{border-right:1px solid #fff;}
    .footer-col-content{min-height:210px; font-size:14px;}
}



/* ------------------------------------------------------------------------------------------
    Body
------------------------------------------------------------------------------------------ */
.col-wrapper{padding:10px;}

.left-col-title{font-size:16px; font-weight:bold; color:#3a7bae; margin-bottom:5px;}
.left-col-title a {text-decoration:none!important;}
.left-col-desc{font-size:12px;}
.left-col-link{font-size:12px; font-weight:bold; margin-top:5px;}
.left-col-link a {text-decoration:none!important; color:#333!important;}
.left-col-sep{height:1px; width:100%; border-top:1px dotted #333; margin-top:10px; margin-bottom:10px;}

#fb-like-box, .fb-like-box, .fb-like-box iframe[style], .fb-like-box span { width: 100% !important; }
.fb-wrapper{float: right; width: 400px; overflow:hidden;}

@media (min-width: 750px) {
    .col-wrapper{padding:25px;}
}


/* ------------------------------------------------------------------------------------------
    Collection
------------------------------------------------------------------------------------------ */
.collection-boxes{width:auto; text-align:center;} 
.collection-box{position:relative; width:235px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top; border:1px solid #eee; overflow:hidden; padding-bottom:10px;}
.collection-box a {color:#000; text-decoration:none;}

.collection-img{height:200px; width:100%; background-size:cover; background-position:center; max-height:200px; overflow:hidden;}
.collection-name{font-weight:Bold; xheight:25px; width:100%; margin-top:5px;}
.collection-desc{font-weight:normal; xheight:35px; width:100%; margin-top:5px;}
.collection-id{font-size:8px; margin-top:5px;}

.collection-url{position:absolute; width:100%; height:100%; background-color:#a00; z-index:999}

.collection-search-wrapper{background-color:#eee; border:1px solid #ddd; padding:15px 5px 15px 5px;}
.collection-search-wrapper input {padding:5px; font-size:18px; text-align:center;}
.spinner{padding-top:75px;height:135px;}
.search-help{font-size:10px; padding-top:3px; color:#999;}
@media (min-width: 750px) {
    .collection-box{height:320px; padding-bottom:0px}
}
/*
     FILE ARCHIVED ON 18:37:36 May 06, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:05:52 Aug 10, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1728.221
  exclusion.robots: 0.098
  exclusion.robots.policy: 0.09
  cdx.remote: 0.069
  esindex: 0.028
  LoadShardBlock: 56.951 (3)
  PetaboxLoader3.datanode: 60.471 (4)
  CDXLines.iter: 19.304 (3)
  load_resource: 89.774
  PetaboxLoader3.resolve: 49.781
*/